@charset "utf-8";
/*
------------------------------------
ユーティリティ
------------------------------------
*/

/*span{
	background-color: #f5f5f5;
}*/

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }

.txt15{
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.rd10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url("../PIE.htc");
	position: relative;

}

.rd5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rd3{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bsh{
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.3);
}

.rd5-top{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.rd5-bottom{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.center{
	text-align: center;
}

.none   { display:none !important; }

.B { font-weight:bold !important; }
.L { font-size:larger !important; }
.S { font-size:smaller !important; }

.ma0        { margin:0px !important; }

.mg5		{ margin:0px 5px; }
.mg10		{ margin:0px 10px; }

.mt0        { margin-top:0px !important; }
.mt3        { margin-top:3px !important; }
.mt5        { margin-top:5px !important; }
.mt8        { margin-top:8px !important; }
.mt10   { margin-top:10px !important; }
.mt15   { margin-top:15px !important; }
.mt20   { margin-top:20px !important; }
.mt25   { margin-top:25px !important; }
.mt30   { margin-top:30px !important; }
.mt40   { margin-top:40px !important; }
.mt50   { margin-top:50px !important; }
.mt60   { margin-top:60px !important; }
.mt70   { margin-top:70px !important; }
.mt80   { margin-top:80px !important; }
.mt90   { margin-top:90px !important; }
.mt100  { margin-top:100px !important; }

.mb0        { margin-bottom:0px !important; }
.mb5        { margin-bottom:5px !important; }
.mb10   { margin-bottom:10px !important; }
.mb15   { margin-bottom:15px !important; }
.mb20   { margin-bottom:20px !important; }
.mb25   { margin-bottom:25px !important; }
.mb30   { margin-bottom:30px !important; }
.mb40   { margin-bottom:40px !important; }
.mb50   { margin-bottom:50px !important; }
.mb60   { margin-bottom:60px !important; }
.mb70   { margin-bottom:70px !important; }
.mb80   { margin-bottom:80px !important; }
.mb90   { margin-bottom:90px !important; }
.mb100  { margin-bottom:100px !important; }

.mr0        { margin-right:0px !important; }
.mr5        { margin-right:5px !important; }
.mr10   { margin-right:10px !important; }
.mr15   { margin-right:15px !important; }
.mr20   { margin-right:20px !important; }
.mr25   { margin-right:25px !important; }
.mr30   { margin-right:30px !important; }
.mr40   { margin-right:40px !important; }
.mr50   { margin-right:50px !important; }
.mr60   { margin-right:60px !important; }
.mr70   { margin-right:70px !important; }
.mr80   { margin-right:80px !important; }
.mr90   { margin-right:90px !important; }
.mr100  { margin-right:100px !important; }

.ml0        { margin-left:0px !important; }
.ml5        { margin-left:5px !important; }
.ml10   { margin-left:10px !important; }
.ml15   { margin-left:15px !important; }
.ml20   { margin-left:20px !important; }
.ml25   { margin-left:25px !important; }
.ml30   { margin-left:30px !important; }
.ml40   { margin-left:40px !important; }
.ml50   { margin-left:50px !important; }
.ml60   { margin-left:60px !important; }
.ml70   { margin-left:70px !important; }
.ml80   { margin-left:80px !important; }
.ml90   { margin-left:90px !important; }
.ml100  { margin-left:100px !important; }


/*------------------------------------------
Clearfix
------------------------------------------*/

/**
 * A new micro clearfix hack – Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}

img{
  vertical-align: top;
}